<template>
    <div class="app">
    <!-- 这里是资料页面 -->
        <div v-for="item in user" class="goods">
            <div class="anv">
                <div class="con">
                    <img :src="item.image" alt="" style="width: 100px; height:100px">
                    </div>
                    <div class="con">昵称:
                        <span>{{ item.usersName }}</span>
                    </div>
                <div>
                    <div class="con">电话:
                        <span> {{ item.phoneNumber }}</span>

                    </div>
                </div>
                <div>
                    <div class="con">性别:
                        <span> {{ item.userSex }}</span>

                    </div>
                </div>
                <div>
                    <div class="con">爱好:
                        <span> {{ item.hobby }}</span>

                    </div>
                </div>

                <div>
                    <div class="con">简介:
                        <span> {{ item.biography }}</span>

                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import axios from 'axios';
export default {

    name: 'app',
    data() {
        return {
            user: []
        }
    },
    created() {
        this.lu();
    },
    methods: {
        lu() {
            axios
                .get("api/user/GetUserInfoAsync?Id=26")
                .then(res => {
                    this.user = res.data
                    console.log(res);
                })

        },

    }

};
</script>
<style>
.goods div {
    text-align: left;
    font-size: 20px;

}

.con {
    margin-top: 20px;
}


.goods img {
    width: 100px;
    height: 100px;
    right: 700px;
    margin-top: 50px;

}

</style>